﻿@extends('home.inc.common')
@section('title')
	<title>{{$archive->title}} - 图库 - 奇异果聚合</title>
	<meta name="keywords" content="{{$archive->tags()->pluck('name')->implode(',')}}" />
	<meta name="description" content="{{$archive->abstract}}"/>
	<link href="{{asset('home_new/css/libs.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/global.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/page2.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/page.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/qyg2016.css')}}" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="{{asset('home/js/jquery-3.1.0.min.js')}}"></script>
		<link href="{{asset('home_new/css/piccontext.css')}}" rel="stylesheet" type="text/css" />
		<script src="{{asset('home_new/js/album/piccontent.min.js')}}" type="text/javascript"></script>
@endsection
@section('content')
		<div class="wrap" style="padding-top:60px;z-index: 999;">
			<div id="main">
				@include('home.inc.gallery_category')
	<!--主体内容-->
		<div class="main">
			<!--弹出层开始-->
			<div class="bodymodal"></div>
			<!--播放到第一张图的提示-->
			<div class="firsttop">
				<div class="firsttop_left">
					<div class="replay">
						<h2 id="div-end-h2"> 推荐主播</h2>
					</div>
					<div class="pictwo">
						<ul>
							@if(isset($new))
							@foreach($new as $v)
							<li>
								<a href="{{ route('anchor.show', [$v->id]) }}" title="{{$v->anchor->room_name}}" target="_blank"><img src="{{ $v->anchor->cover }}" width="120" height="88"alt="" /></a>
								<div class="imgdivtext">
									<a href="{{ route('anchor.show', [$v->id]) }}" title="{{$v->anchor->room_name}}" target="_blank">{{$v->anchor->name}}</a>
								</div>
							</li>
							@endforeach
							@endif
						</ul>
					</div>
				</div>
				<div class="firsttop_right">
					<div class="close2">
						<a class="closebtn1" title="关闭" href="javascript:void(0)"></a>
					</div>
					<div class="replay">
						<h2 id="div-end-h2"> 已到第一张图片了。 </h2>
						<p>
							<a class="replaybtn1" href="javascript:;">重新播放</a>
						</p>
					</div>
					<div class="pictwo">
						<ul>@if($prev)
							<li>
								<a href="{{route('gallery.show', [$prev->id])}}" title="{{$prev->title}}" target="_blank"><img src="{{route('image', [trim($prev->cover, '/'), '120x88'])}}" alt="" /></a>
								<div class="imgdivtext">
									<a href="{{route('gallery.show', [$prev->id])}}" title="{{$prev->title}}" target="_blank">上一图集</a>
								</div>
							</li>
							@endif
							@if($next)
							<li>
								<a href="{{route('gallery.show', [$next->id])}}" title="{{$next->title}}" target="_blank"><img src="{{route('image', [trim($next->cover, '/'), '120x88'])}}" alt="" /></a>
								<div class="imgdivtext">
									<a href="{{route('gallery.show', [$next->id])}}" title="{{$next->title}}" target="_blank">下一图集</a>
								</div>
							</li>
							@endif
						</ul>
					</div>
					<div class="returnbtn">
						<a href="{{url('galleries')}}">返回图库首页</a>
					</div>
				</div>

			</div>
			<!--播放到最后一张图的提示-->
			<div class="endtop">
				<div class="firsttop_left">
					<div class="replay">
						<h2 id="div-end-h2"> 推荐主播</h2>
					</div>
					<div class="pictwo">
						<ul>
							@if(isset($new))
								@foreach($new as $v)
									<li>
										<a href="{{ route('anchor.show', [$v->id]) }}" title="{{$v->anchor->room_name}}" target="_blank"><img src="{{ $v->anchor->cover }}" width="120" height="88"alt="" /></a>
										<div class="imgdivtext">
											<a href="{{ route('anchor.show', [$v->id]) }}" title="{{$v->anchor->room_name}}" target="_blank">{{$v->anchor->name}}</a>
										</div>
									</li>
								@endforeach
							@endif
						</ul>
					</div>
				</div>
				<div class="firsttop_right">
					<div class="close2">
						<a class="closebtn2" title="关闭" href="javascript:void(0)"></a>
					</div>
					<div class="replay">
						<h2 id="H1"> 已到最后一张图片了。 </h2>
						<p>
							<a class="replaybtn2" href="javascript:;">重新播放</a>
						</p>
					</div>
					<div class="pictwo">
						<ul>
							@if($prev)
							<li>
								<a href="{{route('gallery.show', [$prev->id])}}" title="{{$prev->title}}" target="_blank"><img src="{{route('image', [trim($prev->cover, '/'), '120x88'])}}" alt="" /></a>
								<div class="imgdivtext">
									<a href="{{route('gallery.show', [$prev->id])}}" title="{{$prev->title}}" target="_blank">上一图集</a>
								</div>
							</li>
							@endif
							@if($next)
							<li>
								<a href="{{route('gallery.show', [$next->id])}}" title="{{$next->title}}" target="_blank"><img src="{{route('image', [trim($next->cover, '/'), '120x88'])}}" alt="" /></a>
								<div class="imgdivtext">
									<a href="{{route('gallery.show', [$next->id])}}" title="{{$next->title}}" target="_blank">下一图集</a>
								</div>
							</li>
								@endif
						</ul>
					</div>
					<div class="returnbtn">
						<a href="{{url('galleries')}}">返回图库首页</a>
					</div>
				</div>
			</div>
			<!--弹出层结束-->
			<!--图片特效内容开始-->
			<div class="piccontext">
				<h2> {{$archive->title}}</h2>
				<div class="source">
					<div class="source_left"><span>{{$archive->undated_at}}</span> </div>
					<div class="source_right">
						<div class="support"> 支持<img src="{{asset('home_new/images/jiantou1.jpg')}}" />键翻阅图片 </div>
						<span>|</span>
						<a href="#myspeak" class="spell">我有话说</a><span>|</span>
						<a href="javascript:;" class="list">列表查看</a>
					</div>
					<div class="source_right1">
						<a href="javascript:;" class="gaoqing">高清查看</a>
					</div>
				</div>
				<!--大图展示-->
				<div class="picshow">
					<div class="picshowtop">
						<a href="#"><img src="" alt="" id="pic1" curindex="0" /></a>
						<a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"><span id="preArrow_A"></span></a>
						<a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张"><span id="nextArrow_A"></span></a>
					</div>
					<div class="picshowtxt">
						<div class="picshowtxt_left"><span>1</span>/<i>{{count($images)}}</i></div>
						<div class="picshowtxt_right"></div>
					</div>
					<div class="picshowlist">
						<!--上一条图库-->
						<div class="picshowlist_left">
							@if($prev)
							<div class="picleftimg">
								<a href="{{route('gallery.show', [$prev->id])}}" title="{{$prev->title}}" target="_blank"><img src="{{asset('home_new/images/prev.jpg')}}" alt="" /></a>
							</div>
							<div class="piclefttxt">
								<a href="{{route('gallery.show', [$prev->id])}}" title="{{$prev->title}}" target="_blank">{{$prev->title}}</a>
							</div>
								@endif
						</div>
						<div class="picshowlist_mid">
							<div class="picmidleft">
								<a href="javascript:void(0)" id="preArrow_B"><img src="{{asset('home_new/images/left1.jpg')}}" alt="上一个" /></a>
							</div>
							<div class="picmidmid">
								<ul>
									@foreach($images as $v)
									<li>
										<a href="javascript:void(0);"><img src="{{route('image', [trim($v->url, '/'), '106x76'])}}" alt="" bigimg="{{$v->url.'/raw.jpg'}}" text="{{$v->description}}" /></a>
									</li>
									@endforeach
								</ul>
							</div>
							<div class="picmidright">
								<a href="javascript:void(0)" id="nextArrow_B"><img src="{{asset('home_new/images/right1.jpg')}}" alt="下一个" /></a>
							</div>
						</div>
						<!--下一张图库新闻-->
						<div class="picshowlist_right">
							@if($next)
							<div class="picleftimg">
								<a href="{{route('gallery.show', [$next->id])}}" title="{{$next->title}}" target="_blank"><img src="{{asset('home_new/images/next.jpg')}}" alt="" /></a>
							</div>
							<div class="piclefttxt">
								<a href="{{route('gallery.show', [$next->id])}}" title="{{$next->title}}" target="_blank">{{$next->title}}</a>
							</div>
								@endif
						</div>
					</div>
				</div>

				<!--列表展示-->
				<div class="piclistshow">
					<ul>
						@foreach($images as $v)
						<li>
							<div class="picimg"><img src="{{$v->url.'/raw.jpg'}}" alt="" /></div>
							<div class="pictxt">
								<h3>{{$v->title}}<span>({{$v->index}}/{{count($images)}})</span></h3>
							</div>
						</li>
						@endforeach
					</ul>
				</div>
			</div>
		</div>

					<!-- 评论 开始 -->
			<div id="myspeak" style="width:760px;margin: auto;">
				<a href="http://weibo.com/u/5897732591" target="_blank" rel="nofollow"><img src="{{asset('home_new/images/article_foot_qrcode.jpg')}}" /></a>

				@include('inc.comment')
			</div>		
						
@endsection